@charset "UTF-8";
#iv-step0{
	
	overflow: hidden;
}
#iv-step1{
	height: 0px;
	overflow: hidden;
}
#iv-step2{

	height: 0px;
	overflow: hidden;
}
#iv-step3{
	height: 0px;
	overflow: hidden;
}
.preword {
	text-decoration: underline;
	border: 1px solid #CCC;
	height: 30px;
	width: 80px;
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-left: 5px;
	background-color: #FFF;
	font-size: 16px;
	font-style: italic;
}


.delspan{
	background-color: #999999;
	float: right;
	height: 10px;
	width: 10px;
	cursor:pointer;
	background-image: url(../image/close.jpg);
	overflow: hidden;
}
.clear{
	clear: both;
	float: none;
	height: 0px;
	width: 100%;
}
.diy{
	height: 30px;
	background-color: #CCC;
	margin-top: 5px;
	padding: 5px;
	}
.diy .title{
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
.diy #keywordinput{
	height: 20px;
	width: 120px;
	padding: 2px;
	float: none;
}
.diy #submit{
	float: none;
	margin-left: 10px;
	padding: 2px;
}
.subject_title{
	font-size: 16px;
	color: #000;
	}
.quickwords {
	background-color: #E4E4E4;
	height:100px;
	display: none;
}
#showbox{
	background-color: #FFFFCC;
	height:100px;
	margin-top: 10px;

}
#boxinfo{

	background-color: #DDFFD5;
	height:50px;
	margin-top: 10px;
	display: none;
	padding: 10px;
}
#testscale{
	margin: 15px;
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #F00;
}
.qword{
	text-decoration: underline;
	cursor:pointer;
	border: 1px solid #CCC;
	height: 30px;
	width: 120px;
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-left: 5px;
	background-color: #FFF;
	font-size: 14px;
	font-weight: bold;
}

#test{
	height: 280px;
}
#test .contentmark{
	float: left;
	height: 80px;
	margin-top: 30px;
	margin-left: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	overflow: hidden;	
}
#test .titlemark{
	float: left;
	height: 30px;
	width: 378px;
	margin-left: 50px;
}
#test .titlemark .title{
	height: 30px;
	width: 166px;
	border: 1px solid #FFFFFF;
	float: left;
	line-height: 14px;
	font-size: 16px;
	font-family: "Courier New", Courier, monospace;
	text-align: center;
	padding-top: 10px;
	font-weight: bold;
	background-color: #FFF;
	color: #999;
}
#test .titlemark .titlevs{
	height: 30px;
	width: 40px;
	border: 1px solid #FFFFFF;
	float: left;
	line-height: 14px;
	font-size: 14px;
	font-family: "Courier New", Courier, monospace;
	text-align: center;
	padding-top: 10px;
}
#test .stepinfo {
	
}

.stepinfo {
	color: #FFF;
	overflow: hidden;
	color: #FFF;
	background-color: #FFC;
	clear: both;
	height:40px;
}
.stepnow{
	color: #FFF;
	text-align: center;
	background-color: #FF0;
	height:40px;
	float: left;
	position: relative;
	clear: both;
}
.stepcontent{
	float: left;
	position: relative;
	z-index: 2;
	text-align: center;
	top: -35px;
	width:100%;
	font-size: 18px;
	font-style: italic;
	color: #036;
}
#test .timeinfo {
	color: #FFF;
	height:40px;
}
.markbar{
	height: 80px;
	width: 40px;
	float: left;
	border: 1px solid #CCCCCC;
	line-height: 14px;
	font-size: 14px;
	font-family: "Courier New", Courier, monospace;
	text-align: center;
	padding-top: 10px;
	cursor:pointer;
	background-color: #FFF;
}
#matrix{
	padding: 5px;
	color: #039;
}
#matrix span{
	font-size: 18px;
	font-weight: bold;
	color: #CCC;
}
#matrix li{
	height:20px;
	width:295px;
	margin: 5px;
	background-color: #060;
	white-space:nowrap;
	overflow: visible;
	background-image: url(../image/bar.png);
	background-position: -320px;
	background-repeat: no-repeat;
}